<template>
	<view class="box">
		<view class="data">
			<view @click="account">账户安全 <uni-icons type="right" size="25"></uni-icons></view>
			<view @click="about">关于我们 <uni-icons type="right" size="25"></uni-icons></view>
			<view @click="feedback">意见反馈 <uni-icons type="right" size="25"></uni-icons></view>
		</view>
	</view>
</template>

<script setup lang="ts">
	let about=()=>{
		uni.navigateTo({
			url:'/pages/about/about'
		})
	}
	let feedback=()=>{
		uni.navigateTo({
			url:'/pages/feedback/feedback'
		})
	}
	let account=()=>{
		uni.navigateTo({
			url:'/pages/account/account'
		})
	}
</script>

<style scoped lang="scss">
	.box {
		padding-top: 20rpx;
		width: 750rpx;
		background-color: #F2F2F2;
		height: calc(100vh - 90rpx);
		box-sizing: border-box;

		.data {
			width: 730rpx;
			height: 350rpx;
			margin: auto;
			border-radius: 10rpx;
			background-color: #fff;
			padding: 30rpx;
			box-sizing: border-box;

			view:nth-child(1) {
				display: flex;
				justify-content: space-between;
				height: 100rpx;
				align-items: center;
				border-bottom: 1px solid #F2F2F2;
				width: 100%;
			}

			view:nth-child(2) {
				display: flex;
				justify-content: space-between;
				height: 100rpx;
				align-items: center;
				border-bottom: 1px solid #F2F2F2;
				width: 100%;
			}

			view:nth-child(3) {
				display: flex;
				justify-content: space-between;
				height: 100rpx;
				align-items: center;
				border-bottom: 1px solid #F2F2F2;
			}
		}
	}
</style>